<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // cookie的创建
    // 使用cookie的前提 !!!!!   必须在服务器的环境下(必须用live server打开  不能用本地打开)

    // 1. cookie 的存取都依赖于 document.cookie
    // 2. cookie是以键值对(key=val)形式存在的字符串
    // 3. cookie是一条一条存储的(每次只能存储一条),取的时候将所有cookie整合成一整条字符串(每天数据之间用分号和空格查分)

    // 存
    document.cookie = "user=a123123";
    document.cookie = "pwd=123123";
    document.cookie = "phone=17386141517";
    document.cookie = "email=123@qq.com";


    // 获取  
    // console.log(document.cookie);

    // var cookie = document.cookie;  //获取cookie
    // if (cookie) {  //  有cookie的时候在处理
    //     var dataList = cookie.split("; ");
    //     console.log(dataList);

    //     for (var i = 0; i < dataList.length; i++) {  //遍历数据 取的每一条数据
    //         var item = dataList[i];  //"user=a123123", "pwd=123123", "email=123@qq.com", "phone=17386141517"
    //         console.log(item);
    //         var arr = item.split("=");
    //         console.log(arr);
    //         var key = arr[0];
    //         var val = arr[1];
    //         if (key == "user") {  //根据键名找
    //             alert(val);
    //         }
    //     }

    // }


    // {
    //     user,
    //     pwd,
    //     phone,
    //     email
    // }
    console.log(document.cookie);

    var cookie = document.cookie;  //获取cookie
    if (cookie) {  //  有cookie的时候在处理
        var dataList = cookie.split("; ");
        console.log(dataList);

        var data = {}; // 创建一个对象  (存储数据)

        for (var i = 0; i < dataList.length; i++) {  //遍历数据 取的每一条数据
            var item = dataList[i];  //"user=a123123", "pwd=123123", "email=123@qq.com", "phone=17386141517"
            console.log(item);
            var arr = item.split("=");
            console.log(arr);
            var key = arr[0];   // "user"
            var val = arr[1];   // "a123123"

            // data.key = val;
            data[key] = val; // 对象 一般涉及到对应 字符串和遍历的存取时  data["user"] = "a123123"

        }


    }
    console.log(data);



</script>

</html>